/*
 * 	Author: PixelArtInc
 * 	Website: www.pixelartinc.com
 *  Email:  info@pixelartinc.com
 */
 
 
 
 /** Reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }



/** Fonts **/
@font-face { 
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans-webfont.eot');
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



/** Base Body Styles **/
body{ min-width: 1000px; background:#e6e6e6; color:#000; font: 11px "DroidSansRegular", Arial, Helvetica, "Trebuchet MS", sans-serif;}
h1,h2,h3,h4,h5,h6{ font-weight:bold; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:20px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}



/** Selection **/
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }



/** Links **/
a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }



/** Clearfix **/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/** Header **/
.header-wrapper { height: auto; background: url(images/header-bg.png) bottom repeat-x; }
#header { width: 960px; margin: 0px auto; min-height: 60px; }
#header .logo { float: left; margin: 20px 0px 0px; }
#header .logo a { display: block; background: url(images/vivid-logo.png); font-size: 0px; line-height: 0px; width: 144px; height: 18px; }
#header .main-menu { float: right; }
#header .main-menu>ul { margin: 0px 0px 0px; }
#header .main-menu>ul>li { position: relative; margin: 0px 0px 0px 10px; float: left; font: 14px/14px 'DroidSansBold', Arial, Helvetica, Sans-Serif;  }
#header .main-menu>ul>li>a { display: inline-block; color: #fff; padding: 24px 10px 18px; }
#header .main-menu>ul>li:hover, #header .main-menu>ul>li.active { /*background: url(images/main-nav-hover.png) repeat-x;*/ background: #444; border-top: 3px solid #fff; }
#header .main-menu>ul>li:hover>a, #header .main-menu>ul>li.active>a { /*color: #444;*/ color: #fff; padding-top: 21px; padding-bottom: 21px; }

#header .main-menu>ul>li ul { z-index: 800; overflow: hidden; /*background: #f6f6f6;*/ background: #444;/* border-bottom: 5px solid #444;*/ border-bottom: 3px solid #fff; display: none; position: absolute; top: 56px; left: 0px; }
#header .main-menu>ul>li ul li { font: 12px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/dropdown-arrow.png) 10px center no-repeat; /*border-bottom: 1px solid #cccccc;*/ padding: 0px 10px; min-width: 180px; }
#header .main-menu>ul>li ul li:last-child { border-bottom: 0px; }
#header .main-menu>ul>li ul li a { position: relative; display: inline-block; width: 100%; /*color: #3a3a3c;*/ color: #fff; padding: 10px 0px 10px 10px; }



/** Slider **/
.slider-wrapper { width: 100%; height: auto; position: relative; }
#slider { width: 100%; height: 390px; overflow: hidden; }
#slider .slide { width: 100% !important; height: 390px !important; }
#slider .slide .image-full { border-bottom: 1px solid #000; width: 100%; height: 390px; }
#slider .slide .slide-content { width: 960px; height: 390px; position: relative; margin: -390px auto 0px; }
#slider .slide .caption {  position: absolute; top: 100px; left: 0px; display: none; }
#slider .slide .caption h2 { margin: 0px 0px 10px; color: #fff; font: 24px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/slider-caption-bg.png); width: auto; padding: 10px 20px; width: 300px; }
#slider .slide .caption h2 strong { font-family: "DroidSansBold", Arial, helvetica, Sans-Serif; }
#slider .slide .caption p { margin: 0px 0px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, Sans-Serif; background: url(images/slider-caption-bg.png); width: auto; padding: 10px 20px; width: 440px; }
#slider .slide .caption button { float: right; cursor: pointer; width: 112px; height: 40px; background: url(images/button.png) left top no-repeat; border: none; text-align: center; color: #3a3a3c; font: 12px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; }
#slider .slide .caption button:hover { background-position: bottom; }
.slider-wrapper .slider-controls { width: 980px; position: absolute; bottom: 20px; left: 50%; z-index: 1000; margin-left: -490px; }
.slider-wrapper .slider-controls .slider-left { display: inline-block; width: 35px; height: 35px; background: url(images/slider-control-left.png) top no-repeat; }
.slider-wrapper .slider-controls .slider-left:hover { background-position: bottom; }
.slider-wrapper .slider-controls .slider-right { display: inline-block; width: 35px; height: 35px; background:  url(images/slider-control-right.png) top no-repeat; }
.slider-wrapper .slider-controls .slider-right:hover { background-position: bottom; }



/** Slider Controls **/
.control-wrapper { padding: 20px 0px 0px; margin-bottom: -84px; height: 84px; background: url(images/body-bg.png) repeat-x; width: 100%; border-top: 1px solid #fff; }
#slider-controls { width: 980px; margin: 0px auto; }

#slider-controls .slider-pager { float: right; }
#slider-controls .slider-pager .pager a { font-size: 0px; line-height: 0px; margin: 0px 0px 0px 10px; display: inline-block; width: 19px; height: 19px; background: url(images/bullets.png) left no-repeat; }
#slider-controls .slider-pager .pager a:hover, #slider-controls .slider-pager .pager a.activeSlide { background-position: right; }



/** Main Container **/
.container-wrapper { background: url(images/body-bg-bottom.png) bottom repeat-x; width: 100%; padding: 0px 0px 40px; margin-bottom: -30px; }
.container { width: 980px; margin: 0px auto; }
.container h3 { color: #3d4041; font: 20px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; }
.container h3 span { font: 20px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; }



/** Crousal **/
.crousal-wrapper { position: relative; margin: 0px 0px 20px; }
.crousal-wrapper h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 20px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.crousal-wrapper h3 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; }
#crousal {}
#crousal li { line-height: 178px; text-align: center; width: 178px; background: url(images/portfolio-circle-black.png) no-repeat; margin: 0px 10px; overflow: visible !important; }
#crousal li span { display: block; font: 12px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; color: #3d40412;  }
#crousal li:hover { background: url(images/portfolio-circle-hover.png) no-repeat; }
#crousal li a { display: block; width: 178px; height: 178px; }
#crousal li a img { vertical-align: middle; }
#crousal li a img.simple-img { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-radius: 145px; behavior: url(PIE/PIE.htc); width: 145px; height: 145px; }
.crousal-wrapper .next { position: absolute; right: -30px; top: 50%; display: block; width: 13px; height: 28px; font-size: 0px; line-height: 0px; background: url(images/arrow2.png) right center no-repeat; }
.crousal-wrapper .prev { position: absolute; left: -30px; top: 50%; display: block; width: 13px; height: 28px; font-size: 0px; line-height: 0px; background: url(images/arrow2.png) left center no-repeat; }



/** Middle **/
.middle-wrapper { position: relative; width: 100%; border-bottom: 1px solid #000; height: 336px;  margin: 0px 0px 20px; overflow: hidden; }
.middle-wrapper .middle-bg { width: 100%; height: 296px; }
.middle-wrapper hgroup { width: 980px; margin: 0px auto; overflow: hidden; }
.middle-wrapper hgroup h2 { margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 0px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.middle-wrapper hgroup h2 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; }
.middle-wrapper hgroup h2:first-child { width: 600px; margin: 0px 20px 0px 15px; float: left; }
.middle-wrapper hgroup h2:last-child { width: 285px; float: right; }
.middle-container { position: absolute; top: 45px; width: 100%; height: 296px; }
.middle-container-2 { position: absolute; top: 45px; width: 100%; background: #2c2b2b; height: 296px; }
#middle { width: 960px; margin: 0px auto; }
#middle article { width: 300px; margin: 25px 28px 0px 0px; float: left; height: 244px; position: relative;
  	-webkit-box-shadow: 1px 1px 1px 0px #bbb;
	-moz-box-shadow: 1px 1px 1px 0px #bbb;
	box-shadow: 1px 1px 1px 0px #bbb;
}
#middle article img { width: 100%; height: 100%; }
#middle article div { position: absolute; top: 20px; right: -5px; width: 260px; background: #000; padding: 10px 10px; }
#middle article div h3 { color: #fff; font: 20px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#middle article div p { color: #969696; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#middle article div p a { color: #969696; }
#middle article div p a:hover { text-decoration: underline; }
#middle article a.button { color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; position: absolute; bottom: 10px; right: 10px; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; }
#middle article a.button:hover { background-position: bottom; }
#middle article li { position: relative; height: 64.2px; padding: 15px 15px 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff;
  background: -webkit-linear-gradient(top, #ffffff, #e5e5e5); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background:    -moz-linear-gradient(top, #ffffff, #e5e5e5); /* FF3.6 */
  background:     -ms-linear-gradient(top, #ffffff, #e5e5e5); /* IE10 */
  background:      -o-linear-gradient(top, #ffffff, #e5e5e5); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #ffffff, #e5e5e5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
}
#middle article li:hover {
  background: -webkit-linear-gradient(top, #e5e5e5, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background:    -moz-linear-gradient(top, #e5e5e5, #ffffff); /* FF3.6 */
  background:     -ms-linear-gradient(top, #e5e5e5, #ffffff); /* IE10 */
  background:      -o-linear-gradient(top, #e5e5e5, #ffffff); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #e5e5e5, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff');
}
#middle article li h3 { color: #1d1d1d; font: 18px/30px "DroidSansBold", Arial, Helvetica, sans-serif; }
#middle article li h3 a { color: #1d1d1d; text-decoration: none; }
#middle article li p { color: #1d1d1d; font: 12px/24px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#middle article li a { color: #1d1d1d; }
#middle article li span { position: absolute; top: 25%; right: 10px; display: inline-block; width: 35px; height: 35px; background:  url(images/slider-control-right.png) top no-repeat; }
#middle article li:hover span { background-position: bottom; }
#middle article:last-child { margin-right: 0px; }
.middle-style-3 { border-bottom: none; margin-bottom:0px; height: 316px !important; }
.middle-style-3 hgroup h2 { margin: 0px; }



/** Home Services **/
#home-services { width: 960px; margin: 0px auto 20px; }
#home-services h2 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; padding: 0px 0px 20px 30px; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#home-services h2 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; }
#home-services p {}
#home-services a.button { float: right; margin: 0px 0px 0px 20px; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; }
#home-services a.button:hover { background-position: bottom; }
#home-services .hire-me { overflow: hidden; margin: 0px 0px 20px; }
#home-services .hire-me p { width: 820px; float: left; color: #888888; font: 18px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#home-services .hire-me p strong { color: #4b4d4e; font-family: "DroidSansBold", Arial, Helvetica, sans-serif; }
#home-services div article { width: 278px; padding: 10px; margin: 0px 30px 0px 0px; float: left; height: 219px; position: relative; border: 1px solid #e6e6e6; background: #fff;
		-webkit-box-shadow: 1px 1px 1px 0px #bbb;
		-moz-box-shadow: 1px 1px 1px 0px #bbb;
		box-shadow: 1px 1px 1px 0px #bbb;
}
#home-services div article:last-child { margin-right: 0px; }
#home-services div article h3 { margin: 0px 0px 20px; color: #1d1d1d; font: 18px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#home-services div article p { margin: 0px 0px 20px; color: #888888; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#home-services div article img { max-width: 280px; max-height: 95px; margin: 0px auto; }
#home-services div article img:hover { 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
 }
#home-services div article a.goto-arrow { position: absolute; top: 10px; right: 10px; display: inline-block; width: 35px; height: 35px; background:  url(images/slider-control-right.png) top no-repeat; }
#home-services div article a.goto-arrow:hover { background-position: bottom; }



/** Bottom **/
.bottom-wrapper { overflow: hidden; background: #2c2b2b; width: 100%; border-top: 1px solid #fff; }
#bottom { width: 960px; margin: 0px auto; padding: 30px 0px; overflow: hidden; }
#bottom article { width: 215px; margin: 0px 30px 0px 0px; float: left; }
#bottom article:last-child { margin: 0px; }
#bottom article h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; padding: 0px 0px 10px; color: #fff; font: 14px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#bottom article h3 strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif;  }
#bottom article .bottom-logo { display: inline-block; margin: 0px 0px 30px; }
#bottom article  p { text-align: justify; color: #5b5b5b; margin-bottom: 20px; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#bottom article form input.email { margin: 0px 0px 20px; outline: none; color: #5b5b5b; padding: 10px; background: #111111; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; height: 18px; border: none; border-radius: 5px; width: 205px;  }
#bottom article form input.submit { border: none; width: 112px; cursor: pointer; height: 40px; color: #bdbdbd; float: right; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/gray-btn.png) bottom no-repeat; }
#bottom article form input.submit:hover { background-position: top; }
#bottom article form label.error { color: #F00; margin-top: -10px; display: block; margin-bottom: 10px; }
#bottom article ul.list {}
#bottom article ul.list li { padding: 0px 0px 0px 15px; background: url(images/dropdown-arrow.png) left 3px no-repeat; margin: 0px 0px 10px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#bottom article ul.list li a { color: #5b5b5b; }
#bottom article ul.list li a:hover { color: #fff; }
#bottom article ul.posts {}
#bottom article ul.posts li { padding: 0px 0px 0px 15px; background: url(images/dropdown-arrow.png) left 3px no-repeat; margin: 0px 0px 10px 10px; color: #fff; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#bottom article ul.posts li a { color: #fff; }
#bottom article ul.posts li span { color: #5b5b5b; display: block; }
#bottom article ul.posts li a:hover { color: #fff; }
#bottom article .social {}
#bottom article .social li { float: left; font: 12px/24px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px 0px 20px; width: 50%;  }
#bottom article .social li a { color: #fff; }
#bottom article .social li span { margin: 0px 10px 0px 0px; display: inline-block; width: 24px; height: 24px; background: url(images/social-icons.png) no-repeat; }
#bottom article .social li.fb span { background-position: 0px 0px; }
#bottom article .social li.tw span { background-position: -48px 0px; }
#bottom article .social li.ms span { background-position: -24px 0px; }
#bottom article .social li.fk span { background-position: -72px 0px; }



/** Footer **/
.footer-wrapper { min-height: 40px; background: #444444; }
footer { width: 960px; margin: 0px auto; padding: 15px 0px 0px; }
footer p { float: left; color: #d4d4d4; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
footer p a { color: #d4d4d4 !important; }
footer p a:hover { color: #d4d4d4 !important; text-decoration: underline; }
footer .go-top { float: right; color: #d4d4d4; font: 12px "DroidSansBold", Arial, Helvetica, sans-serif; }



/** Page Header **/
.page-header-wrapper { height: 90px; border-bottom: 1px solid #bdbdbc; background: #d1d1d0; }
#page-header { width: 960px; margin: 0px auto; }
#page-header hgroup { float: left; }
#page-header hgroup h1 { position: relative; color: #7a797a; text-shadow: 1px 1px 0px #dfdfe2; font: 30px/90px "DroidSansBold", Arial, Helvetica, sans-serif; }
#page-header hgroup h1 span { font-family: "DroidSansRegular"; }
#page-header form { float: right; position: relative; margin: 25px 0px 0px; }
#page-header form .field { color: #3a3a3c; outline: none; font: 12px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; border: none; background: url(images/search-field.png) no-repeat; width: 169px; height: 15px; padding: 10px 30px 10px 10px; }
#page-header form .btn { outline: none; position: absolute; cursor: pointer; top: 30%; right: 10px; border: none; background: url(images/search-icon.png) no-repeat; width: 14px; height: 15px; font-size: 0px; line-height: 0px; }



/** Page **/
.page-wrapper { padding: 30px 0px; overflow: hidden; }
.page-container { width: 960px; margin: 0px auto; margin-top:-45px}



/** Content **/
#content { width: 630px; }
#content.content-left { margin-right: 30px; float: left; }
#content.content-right { float: right; }

#content.content-right div.post-meta { float: right; margin: 0px 0px 0px 10px; }
#content.content-right div.post-details { float: left; }

#content.content-left div.post-meta { float: left; margin: -30px 0px 0px 30px; }
#content.content-left div.post-details { float: left; }

#content .post { margin: 0px 0px 20px; overflow: hidden; }

#content .post div.post-meta {  }
#content .post div.post-details { width: 300px; margin-left:50px}

#content .post .post-meta p { color: #969696; font: 11px/14px "DroidSansRegular", Arial, Helvetica, sans-serif; padding-left: 20px; margin: 0px 0px 10px; }
#content .post .post-meta a { color: #FFF2B8; }
#content .post .post-meta a:hover { color: #3d4041; }
#content .post .post-meta .meta { border-bottom: 1px groove #FFF2B8; overflow: hidden; margin: 0px 0px 20px 0px; }
#content .post .post-meta .date { margin: 0px 10px; float: left; font: 45px/60px 'DroidSansBold', Arial, Helvetica, sans-serif; color: #FFF2B8; }
#content .post .post-meta .month-year { margin: 10px 0px 0px; float: left; text-align: center; }
#content .post .post-meta .month-year span { display: block; font: 14px/18px 'DroidSansRegular', Arial, Helvetica, sans-serif; color: #606060; }
#content .post .post-meta .admin { background: url(../VividTheme_files/admin.png) left top no-repeat; }
#content .post .post-meta .tags { background: url(../VividTheme_files/tag.png) left top no-repeat; }
#content .post .post-meta .cat { background: url(../VividTheme_files/Edit.jpg) left top no-repeat; }
#content .post .post-meta .comment { background: url(../VividTheme_files/delete.png) left top no-repeat; }
#content .post .post-meta .time { background: url(../VividTheme_files/time.png) left top no-repeat; }
#content .post .post-meta .location { background: url(../VividTheme_files/location.png) left top no-repeat; margin-left:1px}

#content .post .post-title { margin: 0px 50px 20px; padding: 0px 0px 0px 20px; background: url(../VividTheme_files/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .post .post-title .EventTitle { color: #FFF2B8;}
#content .post .post-title .EventTitle:hover  { color: #969696;}
#content .post .post-image { display: block; border: 5px solid #d1d1d1; margin: 0px 0px 26px; line-height: 0px; }
#content .post .post-image img { width: 100%; height: 160px; }
#content .post .post-image:hover { border-color: #fdd560; }

#content .post .post-meta-single { margin: 0px 0px 20px; }
#content .post .post-meta-single span { padding-left: 20px; margin-right: 20px; display: inline-block; }
#content .post .post-meta-single span a { color: #969696; vertical-align: middle; line-height: 20px; }
#content .post .post-meta-single .admin { background: url(../VividTheme_files/admin.png) left top no-repeat; }
#content .post .post-meta-single .tags { background: url(../VividTheme_files/tag.png) left top no-repeat; }
#content .post .post-meta-single .cat { background: url(../VividTheme_files/Edit.jpg) left top no-repeat; }
#content .post .post-meta-single .comment { background: url(../VividTheme_files/delete.png) left top no-repeat; }
#content .post .post-meta-single .time { background: url(../VividTheme_files/time.png) left top no-repeat; }
#content .post .post-meta-single .location { background: url(../VividTheme_files/location.png) left top no-repeat; }

#content .post .post-content { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .post .post-content > p { margin: 0px 0px 20px; }
#content .post .post-content > p a { color: #3d4041; text-decoration: underline; font-style: italic; }
#content .post .post-content > p a:hover { text-decoration: none; }
#content .post .post-content > p strong { font: bold 12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .post .post-content blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; }
#content .post .post-content blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .post .post-content ul { margin: 0px 0px 20px; }
#content .post .post-content ul li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: bold 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .post .post-content ul.ul-style-1 li { background: url(images/ul-styles.png) 0px 0px no-repeat; }
#content .post .post-content ul.ul-style-2 li { background: url(images/ul-styles.png) 0px -12px no-repeat; }
#content .post .post-content ul.ul-style-3 li { background: url(images/ul-styles.png) 0px -24px no-repeat; }
#content .post .post-content ul.ul-style-4 li {background: url(images/ul-styles.png) left bottom no-repeat; }
#content .post .read-more { float: right; text-align: center; color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 13px/40px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; background: url(../VividTheme_files/read-more.png) top no-repeat; width: 112px; height: 40px; }
#content .read-more { float: right; text-align: center; color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 13px/40px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; background: url(../VividTheme_files/read-more.png) top no-repeat; width: 112px; height: 40px; }
#content .post .read-more:hover { background-position: bottom; }
#content .post .post-content .demo-ul ul { float: left; margin-right: 30px; }

#content .related-posts { margin: 0px 0px 20px; }
#content .related-posts article { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; width: 300px; margin: 0px 28px 0px 0px; float: left; height: 244px; position: relative;
  		-webkit-box-shadow: 1px 1px 1px 0px #bbb;
		-moz-box-shadow: 1px 1px 1px 0px #bbb;
		box-shadow: 1px 1px 1px 0px #bbb;
}
#content .related-posts article.last { margin-right: 0px; }
#content .related-posts article img { width: 100%; height: 100%; }
#content .related-posts article div { position: absolute; top: 20px; right: -5px; width: 260px; background: #000; padding: 10px 10px; }
#content .related-posts article div h3 { color: #fff; font: 20px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .related-posts article div p { color: #969696; font: 11px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .related-posts article div p a { color: #969696; }
#content .related-posts article div p a:hover { text-decoration: underline; }
#content .related-posts article a.button { color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; position: absolute; bottom: 10px; right: 10px; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; margin-bottom: 0px; }
#content .related-posts article a.button:hover { background-position: bottom; }



/** Content Button **/
#content a.button { margin: 0px 0px 30px; float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; }
#content a.button:hover { background-position: bottom; }



/** Portfolio 1 **/
#content .list .project-post .caption { display: none; height: 50px; z-index: 99; background: rgba(0,0,0,0.8); padding: 10px; position: absolute; bottom: 0px; left: 1px; width: 610px; }
#content .grid .project-post .caption { display: none; height: 50px; z-index: 99; background: rgba(0,0,0,0.8); padding: 10px; position: absolute; bottom: 0px; left: 1px; width: 280px; }

#content .list .project-post { margin: 0px 0px 20px; position: relative; }
#content .list .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; }
#content .list .project-post figure a.project-image img { width: 100%; height: 250px; }
#content .list .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .list .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .list .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .list .project-post h4 { color: #fff; font: 18px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .list .project-post h4 a { color: #fff; }
#content .list .project-post p { color: #969696; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .list .project-post a.button { position: absolute; top: 15px; right: 15px; margin-bottom: 0px !important; }

#content .grid .project-post { height: 252px; margin: 0px 30px 20px 0px; width: 300px; float: left; position: relative; }
#content .grid .project-post:nth-child(2n) { margin-right: 0px; }
#content .grid .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; }
#content .grid .project-post figure a.project-image img { width: 100%; height: 250px; }
#content .grid .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .grid .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .grid .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; }
#content .grid .project-post h4 { color: #fff; font: 14px/14px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .grid .project-post h4 a { color: #fff; }
#content .grid .project-post p { color: #969696; font: 11px/11px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#content .grid .project-post a.button { margin-bottom: 0px; position: absolute; bottom: 10px; right: 12px; }

#content .grid-btn { outline: none; float: right; display: inline-block; width: 26px; height: 26px; background: url(images/grid-list-btn.png) -31px 0px no-repeat; }
#content .list-btn { outline: none; float: right; margin-right: 5px; display: inline-block; width: 26px; height: 26px; background: url(images/grid-list-btn.png) 0px 0px no-repeat; }
#content .grid-btn:hover { background-position: -31px -26px; }
#content .list-btn:hover { background-position: 0px -26px; }



/** Project Detail **/
.project-detail { margin: 0px 0px 20px; position: relative; border-bottom: 1px solid #b3b3b3; }
.project-detail img { width: 630px; margin-right: 20px; margin-left: 10px; margin-bottom: 20px; }
.project-detail article { width: 290px; float: right; }
.project-detail article h3 { color: #3d4041; font: 20px/30px "DroidSansBold", Arial, Helvetica, sans-serif; }
.project-detail article h3 span { font-family: "DroidSansRegular"; }
.project-detail article > span { display: block; margin: 0px 0px 10px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.project-detail article p {  color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.project-detail a.close { position: absolute; top: 0px; right: 0px; display: block; background: url(images/close.png) center top no-repeat; width: 26px; height: 26px; }
.project-detail a.close:hover { background: url(images/close.png) center bottom no-repeat; }
.project-single { position: relative; }
.project-single .project-single-slider { width: 630px; margin-right: 30px; margin-bottom: 20px; float: left; }

.project-single img {}
.project-single article { width: 300px; float: right; }
.project-single article h3 { color: #3d4041; font: 20px/30px "DroidSansBold", Arial, Helvetica, sans-serif; }
.project-single article h3 span { font-family: "DroidSansRegular"; }
.project-single article > span { display: block; margin: 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.project-single article p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.project-single a.close { position: absolute; top: 0px; right: 0px; display: block; background: url(images/close.png) center top no-repeat; width: 26px; height: 26px; }
.project-single a.close:hover { background: url(images/close.png) center bottom no-repeat; }
.project-single ul { margin-bottom: 20px; list-style-type: circle; margin-left: 20px; color: #3d4041; font: 11px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.project-single .button { float: left !important; margin-right: 10px !important; }
.project-single-slider-prev { z-index: 100; position: absolute; top: 20px; right: 350px; display: block; background: url(images/project-single-slider.png) right center no-repeat; width: 30px; height: 30px; }
.project-single-slider-next { z-index: 100; position: absolute; top: 20px; right: 390px; display: block; background: url(images/project-single-slider.png) left center no-repeat; width: 30px; height: 30px; }



/** Portfolio 2 **/
.portfolio-3-col #content { width: 100%; }
.portfolio-3-col #content .section-heading span { float: right; }
.portfolio-3-col #content .section-heading span a { padding:0px 0px 0px 5px; color: #3d4041; font: 11px/15px "DroidSansBold", Arial, Helvetica, sans-serif; }
.portfolio-3-col #content .section-heading span a:first-child { border-left: 0px; }
.portfolio-3-col #content .grid .project-post { margin: 0px 10px 20px 10px; width: 300px; float: left; }
.portfolio-3-col #content .grid .project-post figure { display: block; width: 100%; height: 250px; position: relative; border: 1px solid #cecece; margin: 0px 0px 20px; line-height: 0px; }
.portfolio-3-col #content .grid .project-post figure a.project-image img { width: 100%; height: 250px; }
.portfolio-3-col #content .grid .project-post figure a.project-image:hover img { -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; }
.portfolio-3-col #content .grid .project-post figure a.button { margin-bottom: 0px; position: absolute; bottom: 10px; right: 12px; }
.portfolio-3-col #content .grid .project-post figure span.type-image { display: block; width: 28px; height: 29px; background: url(images/type-image.png) no-repeat; position: absolute; top: 10px; right: 12px; }
.portfolio-3-col #content .grid .project-post figure span.type-music { display: block; width: 28px; height: 29px; background: url(images/type-music.png) no-repeat; position: absolute; top: 10px; right: 12px; }
.portfolio-3-col #content .grid .project-post figure span.type-video { display: block; width: 28px; height: 29px; background: url(images/type-video.png) no-repeat; position: absolute; top: 10px; right: 12px; }
.portfolio-3-col #content .grid .project-post h4 { text-align: center; color: #3d4041; font: 14px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.portfolio-3-col #content .grid .project-post h4 a { color: #3d4041; }
.portfolio-3-col #content .grid .project-post p { text-align: center; color: #969696; font: 11px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; }



/** Section Heading **/
.section-heading { border-bottom: 1px solid #b3b3b3; padding: 0px 0px 20px 20px; margin: 0px 0px 20px; background: url(images/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.section-heading strong { font-family: "DroidSansBold", Arial, Helvetica, sans-serif; }



/** Pagination **/
.pagination { overflow: hidden; }
.pagination li { float: left; margin: 0px 10px 0px 0px; }
.pagination li a { text-align: center; color: #3a3a3c; text-shadow: 1px 1px 0px #fff; font: 13px/28px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; background: url(images/pagination.png) top no-repeat; width: 28px; height: 29px; }
.pagination li a:hover, .pagination li a.active { text-shadow: 1px 1px 0px #fee87d; background-position: bottom;  }



/** Sidebar **/
#sidebar { width: 300px; }
#sidebar.sidebar-right { float: right; }
#sidebar.sidebar-left { float: left; margin-right: 30px; }
#sidebar h3 { border-bottom: 1px solid #b3b3b3; margin: 0px 0px 20px; padding: 0px 0px 20px 20px; background: url(images/title-icon.png) left top no-repeat; color: #3d4041; font: 20px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#sidebar h3 span { font-family: "DroidSansBold";}
#sidebar { width: 300px; float: right; }
#sidebar > div { margin: 0px 0px 20px; }
#sidebar ul {}
#sidebar ul > li { /*border-bottom: 1px dotted #b3b3b3;*/ line-height: 30px; overflow: hidden; }
#sidebar ul > li:last-child { border: 0px; }
#sidebar ul > li > a { color: #1d1d1d; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; padding: 0px 10px 0px 25px; display: inline-block; background: url(images/dropdown-arrow.png) 10px top no-repeat; }
#sidebar ul > li > a:hover {}
#sidebar ul > li > span { color: #6a6c6d; float: right; }

#sidebar .tag-cloud a { margin: 0px 10px 10px 0px; display: inline-block; padding: 0px 10px; border: 1px solid #000; color: #fff; font: 11px/26px "DroidSansRegular", Arial, Helvetica, sans-serif;
  background: -webkit-linear-gradient(top, #373838, #0a0a0a); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background:    -moz-linear-gradient(top, #373838, #0a0a0a); /* FF3.6 */
  background:     -ms-linear-gradient(top, #373838, #0a0a0a); /* IE10 */
  background:      -o-linear-gradient(top, #373838, #0a0a0a); /* Opera 11.10+ */
  background:         linear-gradient(to bottom, #373838, #0a0a0a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373838', endColorstr='#0a0a0a');
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  behavior: url(PIE/PIE.htc); 
  
  box-shadow: 1px 1px 2px 1px #9a9a9a;
}
#sidebar .tag-cloud a span { color: #6a6c6d; display: inline-block; height: 100%; font: 11px/26px "DroidSansRegular", Arial, Helvetica, sans-serif; margin-left: 10px; padding-left: 10px; border-left: 1px solid #000; } 

#sidebar .sidebar-slider-wrapper { width: 300px; position: relative; }
#sidebar .sidebar-slider-wrapper .sidebar-slider-left { z-index: 20; font-size: 0px; line-height: 0px; display: block; width: 14px; height: 14px; background: url(images/arrow2.png) left no-repeat; position: absolute; top: 40%; left: 0px; }
#sidebar .sidebar-slider-wrapper .sidebar-slider-right { z-index: 20; font-size: 0px; line-height: 0px; display: block; width: 14px; height: 14px; background: url(images/arrow2.png) right no-repeat; position: absolute; top: 40%; right: 0px; }

#sidebar .sidebar-slider { width: 300px !important; }
#sidebar .sidebar-slider li { width: 100%; background: none !important; border: none; }
#sidebar .sidebar-slider li div { margin: 0px auto; line-height: 178px; text-align: center; width: 178px; background: transparent url(images/portfolio-circle-black.png) no-repeat; }
#sidebar .sidebar-slider li div span { display: block; font: 12px/30px "DroidSansRegular", Arial, Helvetica, Sans-Serif; color: #3d40412;  }
#sidebar .sidebar-slider li div:hover { background: transparent url(images/portfolio-circle-hover.png) no-repeat; }
#sidebar .sidebar-slider li div a { background: none !important; padding: 0px; display: inline-block; width: 178px; height: 178px; border: none; }
#sidebar .sidebar-slider li div a:hover { background: none; border: none; }
#sidebar .sidebar-slider li div a img { vertical-align: middle; }
#sidebar .sidebar-slider li div a img.simple-img { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border-radius: 145px; behavior: url(PIE/PIE.htc); width: 145px; height: 145px; }

#sidebar .testimonial-slider { overflow: hidden; position: relative; }
#sidebar .testimonial-slider .testimonial-arrow { overflow: hidden; background: url(images/test-arrow.png) no-repeat; width: 21px; height: 22px; position: absolute; z-index: 5; bottom: 33px; left: 31px; }
#sidebar .testimonial-slider article { height: 225px !important; position: relative; }
#sidebar .testimonial-slider article .testimonial-text { width: 278px; height: 150px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; overflow: hidden; background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background: -o-linear-gradient(top, #eeeeee 1%,#ffffff 64%,#ffffff 100%); background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
#sidebar .testimonial-slider article .client-name { position: absolute; bottom: 0px; left: 15px; }
#sidebar .testimonial-slider article p { color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px !important; }
#sidebar .testimonial-slider article a { display: block; font: 12px "DroidSansRegular" Arial, Helvetica, sans-serif; color: #787878; }
#sidebar .testimonial-slider article a:hover { text-decoration: underline; }
#sidebar .testimonial-slider article .client-name p { font-weight: bold; }

#sidebar #map_canvas { width: 300px; height: 300px; border: 2px solid #b3b3b3; }

#sidebar .address { margin: 0px 0px 20px; }
#sidebar .address h6 { margin: 0px 0px 10px; font: 14px/24px "DroidSansBold", Arial, Helvetica, sans-serif; }
#sidebar .address p { margin: 0px 0px 10px; color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#sidebar .address p span { color: #787878; }

#sidebar > div p { text-align: justify; margin: 0px 0px 20px; color: #3d4041;  font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }

#sidebar a.button { float: right; color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 11px/31px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 5px 0px 0px; text-align: center; display: block; background: url(images/reply-btn.png) top no-repeat; width: 85px; height: 31px; margin-left: 10px; }
#sidebar a.button:hover { background-position: bottom; }

#sidebar .post_list {}
#sidebar .post_list li { border: 0px; margin: 0px 0px 20px; line-height: 20px; }
#sidebar .post_list li a { padding: 0px; display: inline; }
#sidebar .post_list .post_thumb { float:left; margin-right: 10px; border: 2px solid #b3b3b3; height: 40px; width: 40px; }
#sidebar .post_list .post_thumb:hover { border: 2px solid #fdd560; }
#sidebar .post_list .post_description a.post_caption { color:#737271; color: #1d1d1d; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#sidebar .post_list .post_description a.post_caption:hover {}
#sidebar .post_list .post_description .details { display: block; }
#sidebar .post_list .post_description .details a { color:#737271; }



/** Comments **/
.contact-form fieldset { position: relative; }
.contact-form label.error { position: absolute; top: 50%; right: 40px; color: #F00 !important; }
#contact-loader { display: none !important; }
.comment-list { margin: 0px 0px 40px; }
.comment-list ul {}
.comment-list li { overflow: hidden; margin: 0px 0px 20px; /*border: 1px solid #b3b3b3;*/ padding: 5px; }
.comment-list li figure { box-shadow: 1px 1px 0px 0px #b3b3b3; margin: 0px 10px 0px 0px; border: 1px solid #b3b3b3; width: 80px; height: 80px; float: left; }
.comment-list li > div { overflow: hidden; }
.comment-list li article { float: right; width: 520px; }
.comment-list li article h5 { font: 12px/20px "DroidSansBold", Arial, Helvetica, sans-serif; }
.comment-list li article p.comment-meta { color: #969696; font: 11px/16px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.comment-list li article div p { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.comment-list li.children { margin: 0px 0px 20px 100px; }
.comment-list li.children article { width: 420px; float: right; }
.comment-list li a.reply { /*float: right;*/ color: #3a3a3c; text-shadow: 1px 1px 0px #fee87d; font: 11px/31px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 20px 0px 0px; text-align: center; display: block; background: url(images/reply-btn.png) top no-repeat; width: 85px; height: 31px; }
.comment-list li a.reply:hover { background-position: bottom; }

#comment-form { width: 432px; }
#comment-form fieldset { margin: 0px 0px 20px; }
#comment-form label { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; display: block; margin: 0px 0px 10px; }
#comment-form label span { color: #C33; }
#comment-form .comment-field { color: #3d4041; font: 12px/15px "DroidSansRegular", Arial, Helvetica, sans-serif; border: none; padding: 10px; background: url(images/input-fields.png) no-repeat; width: 189px; height: 15px; }
#comment-form textarea { color: #3d4041; font: 12px/16px "DroidSansRegular", Arial, Helvetica, sans-serif; resize: none; border: none; padding: 10px; background: url(images/textarea.png) no-repeat; width: 412px; height: 212px; }
#comment-form .button { cursor: pointer; margin: 0px 0px 30px; float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; border: none; background: url(images/button.png) top no-repeat; }
#comment-form .button:hover { background-position: bottom; }
#comment-form p { float: left; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#comment-form p span { color: #C33; }



/** 404Page **/
#error-page { background: url(images/404.png) left top no-repeat; padding: 100px 0px 0px 300px; min-height: 800px; }
#error-page h4 { text-shadow: 1px 1px 0px #fff; margin: 0px 0px 20px; color: #7f7f7f; font: 28px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#error-page p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#error-page .button { float: right; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #ccc; text-align: center; width: 112px; height: 40px; background: url(images/button.png) top no-repeat; }
#error-page .button:hover { background-position: bottom; }



/** About Page **/
.about-post { margin: 0px 0px 20px; }
.about-post .text { float: left; width: 300px; height: auto; text-align: justify; color: #3d4041;  font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.about-post .text a.button { margin-left: 10px !important; margin-bottom: 0px !important; margin-top: 10px !important }
.about-post figure { line-height: 0px; float: right; width: 300px; height: auto;
		-webkit-box-shadow: 1px 1px 1px 0px #bbb;
		-moz-box-shadow: 1px 1px 1px 0px #bbb;
		box-shadow: 1px 1px 1px 0px #bbb;
}

.our-team {}
.our-team ul {}
.our-team ul li { width: 300px; margin: 0px 30px 20px 0px; overflow: hidden; float: left; }
.our-team ul li:nth-child(2n) { margin-right: 0px; }
.our-team ul li figure { margin-right: 10px; float: left; width: 130px; }
.our-team ul li figure a img {
		-webkit-box-shadow: 1px 1px 1px 0px #bbb;
		-moz-box-shadow: 1px 1px 1px 0px #bbb;
		box-shadow: 1px 1px 1px 0px #bbb;
}
.our-team ul li .text {}
.our-team ul li .text h6 { margin: 0px 0px 5px; color: #3d4041; font: bold 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.our-team ul li .text h6 a { color: #3d4041; }
.our-team ul li .text p { text-align: justify; color: #3d4041;  font: 11px/16px "DroidSansRegular", Arial, Helvetica, sans-serif;  }
.our-team ul li .text p cite { color: #969696; margin: 0px 0px 10px; display: block; }

.about-page #home-services { width: 630px; }
.about-page #home-services .hire-me p { width: 480px; font-size: 13px !important; line-height: 20px !important; }
.about-page #home-services div article { margin: 0px 30px 20px 0px; }
.about-page #home-services div article:nth-child(2n) { margin-right: 0px !important; }



/** Page **/
#page { width: 960px; }
#page p { margin: 0px 0px 20px; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif;  }
#page p a { color: #3d4041; text-decoration: underline; font-style: italic; }
#page p a:hover { text-decoration: none; }
#page p strong { font: bold 12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#page blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; }
#page blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
#page .one-two { width: 465px; margin-right: 30px; float: left; }
#page .one-two:last-child { margin-right: 0px; }
#page .one-three { width: 300px; margin-right: 30px; float: left; }
#page .one-three:last-child { margin-right: 0px; }
#page .two-three { width: 600px; margin-right: 30px; float: left; }
#page .two-three:last-child { margin-right: 0px; }
#page img { /*border: 1px solid #b3b3b3;*/ box-shadow: 1px 1px 0px 0px #b3b3b3; }



/** Contact Page **/
.contact-page p { float: left; color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.contact-page p a { color: #3d4041; text-decoration: underline; font-style: italic; }



/** Buttons **/
.green-btn { background: url(images/green-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #e2f44a; text-align: center; width: 112px; height: 40px; }
.green-btn:hover { background-position: bottom; color: #3a3a3c; }
.blue-btn { background: url(images/blue-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #4ae8fc; text-align: center; width: 112px; height: 40px; }
.blue-btn:hover { background-position: bottom; color: #3a3a3c; }
.orange-btn { background: url(images/orange-btn.png) top no-repeat; display: block; color: #3a3a3c; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #feea84; text-align: center; width: 112px; height: 40px; }
.orange-btn:hover { background-position: bottom; color: #3a3a3c; }
.white-btn { background: url(images/white-btn.png) top no-repeat; display: block; color: #3a3a3c !important; font: 12px/40px "DroidSansRegular", Arial, Helvetica, Sans-Serif; text-shadow: 1px 1px 0px #fff; text-align: center; width: 112px; height: 40px; }
.white-btn:hover { background-position: bottom; color: #3a3a3c; }



/** Alerts **/
.green-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #e2f44a; text-align: center; border-radius: 5px; border: 1px solid #36a300; background: url(images/green-alert-bg.png) repeat-x; }
.green-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-green.png) left center no-repeat, url(images/icon-alert-green.png) right center no-repeat; }
.blue-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #4ae8fc; text-align: center; border-radius: 5px; border: 1px solid #016075; background: url(images/blue-alert-bg.png) repeat-x; }
.blue-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-blue.png) left center no-repeat, url(images/icon-alert-blue.png) right center no-repeat; }
.orange-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #feea84; text-align: center; border-radius: 5px; border: 1px solid #ae6b0c; background: url(images/orange-alert-bg.png) repeat-x; }
.orange-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-orange.png) left center no-repeat, url(images/icon-alert-orange.png) right center no-repeat; }
.red-alert { padding: 0px 10px; margin-bottom: 10px; box-shadow: 0px 1px 1px 1px #ccc; color: #3a3a3c; font: 12px/32px "DroidSansRegular", Arial, Helvetica, Sans-Serif !important; text-shadow: 1px 1px 0px #fa5e6d; text-align: center; border-radius: 5px; border: 1px solid #970000; background: url(images/red-alert-bg.png) repeat-x; }
.red-alert span { display: inline-block; width: 100%; background: url(images/icon-alert-red.png) left center no-repeat, url(images/icon-alert-red.png) right center no-repeat; }



/** List Stylez **/
ul.ul-style-1, ul.ul-style-2, ul.ul-style-3, ul.ul-style-4 { margin: 0px 0px 20px 20px; }
ul.ul-style-1 a, ul.ul-style-2 a, ul.ul-style-3 a, ul.ul-style-4 a { color: #3d4041; }
ul.ul-style-1 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px 2px no-repeat; }
ul.ul-style-2 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px -12px no-repeat; }
ul.ul-style-3 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) 0px -25px no-repeat; }
ul.ul-style-4 li { margin: 0px 0px 5px; padding: 0px 0px 0px 20px; color: #3d4041; font: 12px/12px "DroidSansRegular", Arial, Helvetica, sans-serif; background: url(images/ul-styles.png) left -37px no-repeat; }



/** Accordion **/
.accordion { margin: 0px 0px 20px; }
.accordion h6 { cursor: pointer; background: #ebeaea; border: 1px solid #cecece; padding: 0px 10px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; }
.accordion h6 a { color: #3d4041; display: inline-block; background: url(images/plus.png) right center no-repeat; width: 100%; outline: none; }
.accordion .pane { background: #fff; padding: 10px; border-right: 1px solid #cecece; border-left: 1px solid #cecece; }
.accordion .pane.last { border-bottom: 1px solid #cecece; }
.accordion .pane p { color: #a8a8a8 !important; margin: 0px !important; }
.accordion h6.current { border-bottom: none; background: #fff; }



/** Toggle **/
.toggle { margin: 0px 0px 20px; }
.toggle h6 { margin: 0px 0px 10px; cursor: pointer; background: #ebeaea; border: 1px solid #cecece; padding: 0px 10px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; }
.toggle h6 a { color: #3d4041; display: inline-block; background: url(images/plus.png) right center no-repeat; width: 100%; outline: none; }
.toggle .pane { margin-top: -10px; margin-bottom: 10px; background: #fff; padding: 10px; border-right: 1px solid #cecece; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; }
.toggle .pane.last { border-bottom: 1px solid #cecece; }
.toggle .pane p { color: #a8a8a8 !important; margin: 0px !important; }
.toggle h6.current { border-bottom: none; background: #fff; }



/** Tabs **/
.tab { margin: 0px 0px 20px; }
.tab .tabs { overflow: hidden; }
.tab .tabs h6 { cursor: pointer; float: left; background: #ebeaea; border: 1px solid #cecece; margin-right: 12px; padding: 0px 20px; font: 12px/30px "DroidSansRegular", Arial, Helvetica, sans-serif; color: #3d4041; }
.tab .tabs h6 a {}
.tab .panes { background: #fff; border: 1px solid #cecece; padding: 10px; margin-top: -1px; }
.tab .panes p { color: #a8a8a8 !important; }
.tab .tabs h6.current { background: #fff; border-bottom: 1px solid #fff !important; }
.tab .panes .tab-pane p:last-child { margin: 0px !important; }



/** Thumb Slider **/
#slider_thumbnail { width: 958px; margin: 20px auto; }



/** Career Listing **/
#career-listing {}
#career-listing > p { font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; line-height: 20px; color: #3d4041; margin: 0px 0px 20px; }
#career-listing blockquote { width: 500px; margin: 0px auto 20px; padding: 20px 20px 0px 0px; background: url(images/quote.png) right top no-repeat; }
#career-listing blockquote p { text-align: center; padding: 0px 0px 20px 20px; background: url(images/quote.png) left bottom no-repeat; color: #3d4041; font: bold italic 18px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }


.career-single { color: #3d4041; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; pos }
.career-single div.pane { background: #fff; padding: 0px 10px 20px; margin: 0px 0px 20px; }
.career-single h4 { margin-bottom: 20px; background: #fff url(images/arrow-down.png) 600px center no-repeat; line-height: 40px; padding: 0px 10px; }
.career-single h4.current { margin-bottom: 0px; background: #fff url(images/arrow-up.png) 600px center no-repeat; }
.career-single h4 a { color: #3d4041; }
.career-single p { margin-bottom: 20px; }
.career-single p span { color: #b3b3b3; }
.career-single ul { margin-left: 0px !important; m }
.career-single ul li { margin-bottom: 20px !important; }
.career-single .one-three { width: 290px; margin-right: 30px; float: left; }
.career-single .one-three:last-child { margin-right: 0px; }
.career-single a.button { float: none !important; margin: 0px !important; }



/** Flickr **/
.flickr {}
.flickr a { display: inline-block; line-height: 0px; margin: 10px; border: 2px solid #b3b3b3; }
.flickr a:hover { border-color: #fdd560; } 
.flickr a img {}



/** Twitter **/
.tweet {}
.tweet li { padding: 0px 0px 0px 40px; line-height: 20px !important; margin: 0px 0px 20px; background: transparent url(images/twitter_bird.png) left top no-repeat; border: 0px !important; }
.tweet li span { float: none !important; color: #383838 !important; }
.tweet .tweet_text { color: #383838; display: block; font: 12px/20px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.tweet .tweet_text a { display: inline; color:#737271; border-bottom: 1px dotted #737271 !important; }
.tweet .tweet_text a:hover { border-bottom: 1px dotted #fff !important; color: #fff; }
.tweet .tweet_time { color: #d4d4d4; font: 12px "DroidSansRegular", Arial, Helvetica, sans-serif; }
.tweet .tweet_time a { color:#737271; border-bottom: 1px dotted #737271; }
.tweet .tweet_time a:hover { border-bottom: 1px dotted #fff; color: #fff; }



/** Testimonial **/
.testimonials article .testimonial-arrow { overflow: hidden; background: url(images/test-arrow.png) no-repeat; width: 21px; height: 22px; position: absolute; z-index: 5; bottom: 33px; left: 31px; }
.testimonials article { height: 225px !important; position: relative; float: left; margin-bottom: 20px; }
.testimonials article:nth-child(2n) { margin-left: 20px; }
.testimonials article .testimonial-text { width: 278px; height: 150px; border: 1px solid #cccccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; overflow: hidden; background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', gradientType='0'); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); background: -o-linear-gradient(top, #eeeeee 1%,#ffffff 64%,#ffffff 100%); background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
.testimonials article .client-name { position: absolute; bottom: 0px; left: 15px; }
.testimonials article p { color: #3d4041; font: 12px/18px "DroidSansRegular", Arial, Helvetica, sans-serif; margin: 0px !important; }
.testimonials article a { display: block; font: 12px "DroidSansRegular" Arial, Helvetica, sans-serif; color: #787878; }
.testimonials article a:hover { text-decoration: underline; }
.testimonials article .client-name p { font-weight: bold; }



/** Demo **/
.demo-cont { float: left; width: 630px; }
.demo-sidebar { float: right; width: 300px; }
.demo-sidebar  > div { margin: 0px 0px 20px; }
.button-styles { overflow: hidden; }
.button-styles a { margin: 0px 10px 10px 0px; float: left; }
.list-styles .ul-style-1 li, .list-styles .ul-style-2 li, .list-styles .ul-style-3 li, .list-styles .ul-style-4 li { border: 0px; line-height: 14px !important; }
.list-styles .ul-style-1 a, .list-styles .ul-style-2 a, .list-styles .ul-style-3 a, .list-styles .ul-style-4 a { padding: 0px !important; display: inline !important; margin: 0px !important; border: none !important; background: none !important; }

/** ISOTOP **/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

